<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link rel="stylesheet" href="../libs/jquery.mobile-1.4.4/jquery.mobile-1.4.4.min.css" />

    <script data-main="../js/app" src="../libs/requirejs/require.js"></script>
    <script type="text/javascript" src="phonegap.js"></script>
    <style type="text/css">
        * {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;

        }
    </style>
</head>

<body>

<!--activation页面-->
<div data-role="page" id="page_activation" style="background: rgb(218, 233, 248);">
    <!--头部-->
    <div data-role="header" style="overflow:hidden; background: #f26647;height: 40px;display: -webkit-flex;display: flex">
        <img  id="active_btn_back" src="../images/icon_chevron_left_white.png" alt="" class="ui-btn-left" style="width:23px;height:23px;margin:5px 5px">
        <h1 style="overflow: visible;color: #ffffff;margin: auto;font-family: Arial;font-size: 18px;font-weight: normal;padding: 0px">User Account Activation</h1>
        <img src="../images/question.png" alt="" class="ui-btn-right" style="width:18px;height:18px;margin:5px 5px">
    </div>

    <!--内容-->
    <div id="active_content" data-role="content" style="padding: 0px;height: 0px;overflow-y: scroll;-webkit-overflow-scrolling:touch">
        <div>
            <ul data-role="listview" style="width: 94%; height:auto; margin: 10px auto 10px auto;">
                <li style="width:100%;  padding: 0; border: none;">
                    <!--标题图-->
                    <div>
                        <img src="../images/account_activation/title.png" alt="title" style="display: block; padding: 0px; width:100%; height:129px" />
                    </div>
                </li>
                <li style="border: none;padding: 0px;padding-top: 15px">
                    <!--激活码-->
                    <div style="padding: 10px">
                        <div style="font-family: Arial;font-size: 12px;font-weight: normal;color: #404040">Activation code</div>
                        <div><input id="active_txt_code" type="text" style="width: 100%;height: 44px;font-family: Arial;font-weight: bold;color: #404040;padding: 14px;border: solid 1px #D2D2D2;border-radius: 0px"/></div>
                        <div style="white-space: normal; font-size: 10px; opacity: 0.5;">Your activation code is a X character key sent to your Lotus Notes after your registration </div>
                    </div>
                </li>
                <li style="border: none;padding: 0px;height: 85px">
                    <!--用户名-->
                    <div style="padding: 10px">
                        <div style="font-family: Arial;font-size: 12px;font-weight: normal;color: #404040">Username</div>
                        <input id="active_txt_username" type="text" style="width: 100%;height: 44px;font-family: Arial;font-weight: bold;color: #404040;padding: 14px;border: solid 1px #D2D2D2;border-radius: 0px;"/>
                    </div>
                </li>
                <li style="border: none;padding: 0px;height: 85px">
                    <!--密码-->
                    <div style="padding: 10px">
                        <div style="font-family: Arial;font-size: 12px;font-weight: normal;color: #404040">Set your password</div>
                        <div><input id="active_pass_password" type="password" style="width: 100%;height: 44px;font-family: Arial;font-weight: bold;color: #404040;padding: 14px;border: solid 1px #D2D2D2;border-radius: 0px"/></div>
                    </div>
                </li>
                <li style="border: none;padding: 0px;height: 85px">
                    <!--确认密码-->
                    <div style="padding: 10px">
                        <div style="font-family: Arial;font-size: 12px;font-weight: normal;color: #404040">Confirm your password</div>
                        <div><input id="active_pass_sec_password" type="password" style="width: 100%;height: 44px;font-family: Arial;font-weight: bold;color: #404040;padding: 14px;border: solid 1px #D2D2D2;border-radius: 0px"/></div>
                    </div>
                </li>
                <li style="border: none;padding: 0px;">
                    <!--激活按钮-->
                    <div style="padding: 10px">
                        <button id="btn_active" style="background-color: #e6b012;color: #ffffff;font-family: Arial;font-weight: bold;border-radius: 0px;width: 100%;height: 36px;font-size: 14px;border: 0px;padding: 0px;margin: 0px">
                            Actives
                        </button>
                    </div>
                </li>
            </ul>
        </div>
    </div>

</div>

</body>
</html>